<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<link rel="shortcut icon" href="faviconpc.ico" />
		<link href="css/index.css" rel="stylesheet" type="text/css" />
		<link href="css/index2.css" rel="stylesheet" type="text/css" />
		<link href="css/introduce_app.css" rel="stylesheet" type="text/css" />
		<link href="css/jquery.page.css" rel="stylesheet" type="text/css" />
		<link href="css/jquery.fullPage.css" rel="stylesheet" type="text/css" />
		<link href="css/animate.css" rel="stylesheet" type="text/css" />
		<link href="css/flickerplate.css" type="text/css" rel="stylesheet">
		<link href="css/swiper_img.css" type="text/css" rel="stylesheet">
		<title>APP介绍</title>
	</head>
	<body>
		<div class="wrapHeader">
			<div class="header">
				<div class="hea_left">
					<div class="nav_lg">
						<img src="images/lp_logow.png" draggable="false">
					</div>
					<ul class="nav">
						<li>
							<a href="index.html" target="_self">首页</a>
						</li>
						<li>
							<a href="introduce_app.html" target="_self" class="cur">APP介绍</a>
						</li>
						<li>
							<a href="about_us.html" target="_self">关于我们</a>
						</li>
						<li>
							<a href="cooperative_partner.html" target="_self">合作伙伴</a>
						</li>
						<li>
							<a href="contact_us.html" target="_self">联系我们</a>
						</li>
					</ul>
				</div>
				<div class="hea_right">
					<img class="one_img" src="images/app_003.jpg">
					<div class="app_f" style="margin-right: 8px;">手机APP下载</div>
					<img class="transform_img" src="images/xiazai.png" style="width: 12px;height: 6px;margin-top: 23px;margin-left: 8px;">
					<div class="load_upimg_BOX">
						<div class="load_upimg"><img class="img_an" src="images/android_03.png"></div>
					</div>
				</div>
			</div>
		</div>
		<div id="fullpage">
		<div class="section page1">
			<div class="grid eol-animation page1_center">
				<div class="left eol-show">
					<div class="people"></div>
				</div>
				<div class="right eol-txt">
					<div class="txt left col-50 top_forpage1">
						<h2 class="page2one_f" style="color: #FFFFFF">在这里</h2>
						<h3 class="page2one_f2" style="color: rgba(255,255,255,0.8);">可以找到更满意的工作</h3>
						<p class="page2one_f3" style="color: rgba(255,255,255,0.8);">虚位以待， “职” 等你来</p>
					</div>
					<div class="upload_a">
						<div class="up_andrio">
							下载蓝聘APP
						</div>
						<div class="up_andrioimg QRcode">
							<img src="images/android_03.png">
							<div class="up_andrioimg_f">蓝聘APP下载</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section page2">
			<div class="center grid">
				<div class="txt left col-50 top_for">
					<h2 class="page2one_f">在这里</h2>
					<h3 class="page2one_f2">记工时   查薪资  随时随地</h3>
					<p class="page2one_f3">职场贴心小助手 记录工时不再愁</p>
				</div>
				<div class="right img col-50">
					<img src="images/APP_02.png">
				</div>
			</div>
		</div>
		<div class="section page3">
			<div class="center grid">
				<div class="txt right col-50 top_for">
					<h2 class="page2one_f page3_fon">在这里</h2>
					<h3 class="page2one_f2 page3_fon">更多预约信息   一键定位说走就走</h3>
					<p class="page2one_f3 page3_fon">简单、快捷为你的工作路上排忧解难</p>
				</div>
				<div class="left img col-50">
					<img src="images/APP_03.png">
				</div>
			</div>
		</div>
		<div class="section page4">
			<div class="grid eol-animation page1_center">
				<div class="page4_box">
					<div class="page4_boxTOP" style="display: none;">
						<div>在这里</div>
						<div>晒工资 来点评 各种方式走一波</div>
					</div>
					<div class="page4_boxBTM">
						<img class="page4img" src="images/app_17.jpg" style="display: none;">
						<div class="page4_imgfore">
							<div class="page4_foreimg foreimg_posit" style="display: none;">
								<img src="images/app_26.jpg">
								<div>查看图片</div>
							</div>
							<div class="page4_foreimg foreimg_posit2" style="display: none;">
								<img src="images/app_36.jpg">
								<div>查看全部</div>
							</div>
							<div class="page4_foreimg foreimg_posit3" style="display: none;">
								<img src="images/app_23.jpg">
								<div>查看评价</div>
							</div>
							<div class="page4_foreimg foreimg_posit4" style="display: none;">
								<img src="images/app_33.jpg">
								<div>晒工资</div>
							</div>
							<div class="page4_foreimg foreimg_posit5" style="display: none;">
								<img src="images/app_41.jpg">
								<div>我来点评</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section page5">
			<div class="center grid">
				<div class="txt left col-50 top_for">
					<h2 class="page2one_f page3_fon" style="color: #FFFFFF;">在这里</h2>
					<h3 class="page2one_f2 page3_fon" style="color: #FFFFFF;">交友  闲聊  自拍 评价 一一  尽在蓝聘</h3>
					<p class="page2one_f3 page3_fon int_span" style="color: rgba(255,255,255,0.8);float: left;display: block;">记录生活的精彩瞬间</p>
					<br><br><br>
					<p class="page2one_f3 page3_fon" style="color: rgba(255,255,255,0.8);">分享工作的点点滴滴</p>
				</div>
				<div class="right img col-50">
					<img src="images/APP_05.png">
				</div>
			</div>
		</div>
		<div class="section page6">
			<div class="center grid">
				<div class="right col-50 page6_font" style="text-align: left;display: none;">
					<h2 class="page2one_f">在这里</h2>
					<h3 class="page2one_f2">邀请有奖  小额借支  资讯新闻</h3>
					<p class="page2one_f3">蓝聘一一为你的生活更添精彩</p>
				</div>
				<div class="left img col-50 page6_img">
					<img src="images/app_26.png">
				</div>
			</div> 
			<div class="page5btm_nav">
				<div class="btm_nav">
					<div class="nav_top">
						<div class="nav_topleft">
							<img src="images/android_03.png">
							<div>蓝聘APP下载</div>
						</div>
						<div class="nav_topbord"></div>
						<div class="nav_topleft">
							<img src="images/weixin_code.jpg">
							<div>微信公众号二维码</div>
						</div>
					</div>
					<div class="nav_btm ao_fon">Copyright © 2018-2020广东蓝聘网络科技有限公司 粤ICP备18085259号</div>
					<div class="nav_btm">联系地址：广东省东莞市厚街汀山新车站二楼&nbsp;&nbsp;联系电话：400-9600395</div>
				</div>
			</div>
		</div>
		</div>
	</body>
	<script src="js/jquery.js"></script>
	<script src="js/jquery-ui-1.10.3.min.js"></script>
	<script src="js/jquery.fullPage.js"></script>
	<script>
		(function() {//fullpage滚动初始化
			$(".eol-show .roll").addClass("zoomIn");
			setTimeout('$(".eol-txt").fadeIn(2000)', 1000);
			setTimeout('$(".eol-show .people").addClass("show")', 200);
			setTimeout('$(".eol-txt .QRcode").addClass("bounce")', 1500);
			$('#fullpage').fullpage({
				navigation: true,
				afterLoad: function(anchorLink, index) {
					if(index == '1') {
						$('.page2 .img').addClass("fadeInRight");
						$(".eol-txt .QRcode").addClass("bounce");
					}
					if(index == '2') {
						$('.page2 .txt').addClass("fadeInLeft");
						$('.page2 .img').addClass("fadeInRight");
					}
					if(index == '3') {
						$('.page3 .img').addClass("fadeInLeft");
						$('.page3 .txt').addClass("fadeInRight");
					}
					if(index == '4') {
						$(".page4img").fadeIn(1000);
						$(".page4_boxTOP").fadeIn(2000);
						setTimeout(function() {
							$(".foreimg_posit").fadeIn(1500);
						}, 1000)
						setTimeout(function() {
							$(".foreimg_posit2").fadeIn(1500);
						}, 1000)
						setTimeout(function() {
							$(".foreimg_posit3").fadeIn(1500);
						}, 1000)
						setTimeout(function() {
							$(".foreimg_posit4").fadeIn(1500);
						}, 1000)
						setTimeout(function() {
							$(".foreimg_posit5").fadeIn(1500);
						}, 1000)
					}
					if(index == "5") {
						$('.page5 .txt').addClass("fadeInLeft");
						$('.page5 .img').addClass("fadeInRight");
					}
					if(index == '6') {
						setTimeout(function() {
							$(".page6_font").fadeIn(2000);
						}, 1500)
						$('.page6 .txt').addClass("fadeInLeft");
						$('.page6 .img').addClass("fadeInRight");
					}
				},
				onLeave: function(index, direction) {
					if(index == '1') {
						$(".weixin").removeClass("show");
						$(".eol-txt .QRcode").removeClass("bounce")
					}
					if(index == '2') {
						setTimeout(function() {
							$('.page2 .txt').removeClass("fadeInLeft");
							$('.page2 .img').removeClass("fadeInRight");
						}, 800)
					}
					if(index == '3') {
						setTimeout(function() {
							$('.page3 .img').removeClass("fadeInLeft");
							$('.page3 .txt').removeClass("fadeInRight");
						}, 800)
					}
					if(index == '4') {
						setTimeout(function() {
							$(".page4img").hide();
							$(".page4_boxTOP").hide();
							$(".foreimg_posit").hide();
							$(".foreimg_posit2").hide();
							$(".foreimg_posit3").hide();
							$(".foreimg_posit4").hide();
							$(".foreimg_posit5").hide();
						}, 1000)
					}
					if(index == '5') {
						setTimeout(function() {
							$('.page5 .txt').removeClass("fadeInLeft");
							$('.page5 .img').removeClass("fadeInRight");
						}, 800)
					}
					if(index == '6') {
						setTimeout(function() {
							$(".page6_font").hide();
						}, 100)
						setTimeout(function() {
							$('.page6 .txt').removeClass("fadeInLeft");
							$('.page6 .img').removeClass("fadeInRight");
						}, 800)
					}
				}
			});
		})();
	</script>
</html>